<template>
  <div>
    <h1>社区内容部分</h1>
    <div class="conner-layout">
      <div class="pie-big"></div>
      <div class="pie-samll"></div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.conner-layout {
  margin: 50px auto;
  width: 240px;
  height: 240px;
  background-color: #FE6749;
  border-radius: 50%;
  position: relative;
  .pie-samll {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height:100%;
    border: 50px solid #FFD48A;
    border-radius: 50%;
  }
  .pie-big {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 116%;
    height:116%;
    border-radius: 50%;
    border: 10px solid #C604CD;
    z-index: 2;
  }
}
</style>